<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>商城首页</title>
    <link href="<%=request.getContextPath() %>/resources/css/form.css" rel="stylesheet" type="text/css" media="all" />
    <%--<link href="<%=request.getContextPath() %>/resources/css/jingdong.css" rel="stylesheet" type="text/css" media="all" />--%>
    <%--<link href="<%=request.getContextPath() %>/resources/css/jingdongbase.css" rel="stylesheet" type="text/css" media="all" />--%>
    <%--<link href="<%=request.getContextPath() %>/resources/css/main/megamenu.css" rel="stylesheet" type="text/css" media="all" />--%>
    <link href="<%=request.getContextPath() %>/resources/css/main/style.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" href="<%=request.getContextPath() %>/resources/css/fwslider.css" media="all">
    <%--<script src="<%=request.getContextPath() %>/resources/js/css3-mediaqueries.js"></script>--%>
    <script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/jquery1.min.js"></script>
    <script src="<%=request.getContextPath() %>/resources/js/jquery-ui.min.js"></script>
    <script src="<%=request.getContextPath() %>/resources/js/fwslider.js"></script>
    <%--<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/megamenu.js"></script>--%>
    <%--<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>--%>
    <%--<script src="<%=request.getContextPath() %>/resources/js/jquery.easydropdown.js"></script>--%>

<%--<link href="<%=request.getContextPath() %>/resources/css/main/style.css" rel="stylesheet" type="text/css" media="all" />--%>
    <%--<link href="<%=request.getContextPath() %>/resources/css/form.css" rel="stylesheet" type="text/css" media="all" />--%>

    <%--&lt;%&ndash;<link rel="stylesheet" href="<%=request.getContextPath() %>/resources/css/main/bootstrap.min.css">&ndash;%&gt;--%>
    <%--<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/jquery.jscrollpane.min.js"></script>--%>
    <%--<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/jquery-ui.min.js"></script>--%>
    <%--<!-- start details -->--%>
    <%--<script src="<%=request.getContextPath() %>/resources/js/slides.min.jquery.js"></script>--%>
    <%--<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/jquery1.min.js"></script>--%>
    <%--<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/fwslider.js"></script>--%>
    <%--<script type="text/javascript" src="<%=request.getContextPath() %>/resources/css/fwslider.css"></script>--%>
    <%--<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/jquery.easydropdown.js"></script>--%>
    <%--<script type="text/javascript" id="sourcecode">--%>
        <%--$(function()--%>
        <%--{--%>
            <%--$('.scroll-pane').jScrollPane();--%>
        <%--});--%>
    <%--</script>--%>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <%--<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>--%>


    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>
<div id="container">
    <%@ include file="/jsp/public/top.jspf"%>
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">Edit</h4>
                </div>
                <form method="post" id="form" action="<%=request.getContextPath() %>/admin/knowledgeUpdate">
                    <div class="modal-body">

                        <input type="hidden" id="knowledgeId" name="knowledgeId" value="">
                        <div class="form-group">
                            <label for="question" class="control-label">问题:</label>
                            <input type="text" class="form-control" id="question" name="question">
                        </div>
                        <div class="form-group">
                            <label for="answer" class="control-label">答案:</label>
                            <textarea rows="5" class="form-control" id="answer" name="answer"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button type="submit" class="btn btn-primary">Send</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div id="mainbody" >
    <!-- start slider -->
       <div id="fwslider">
        <div class="slider_container">
            <div class="slide"> 				<!-- 图片展示1 -->
                <!-- Slide image -->
                <img src="<%=request.getContextPath() %>/resources/images/banner.jpg" alt=""/>
                <!-- /Slide image -->
                <!-- Texts container -->
                <div class="slide_content">
                </div>
                <!-- /Texts container -->
            </div>
            <!-- /Duplicate to create more slides -->
            <div class="slide">				<!-- 图片展示2 -->
                <img src="<%=request.getContextPath() %>/resources/images/banner1.jpg" alt=""/>
            </div>
            <!--/slide -->
        </div>
        <div class="timers"></div>
        <div class="slidePrev"><span></span></div>
        <div class="slideNext"><span></span></div>
    </div>
    <!--/slider -->
       <div class="main">
        <div class="wrap">
            <div class="section group">
                <div class="cont span_2_of_3">
                    <h2 class="head">笔记本</h2>



                        <div class="top-box">
                            <c:forEach items="${bjb}" var="goods">
                                <div class="col_1_of_3 span_1_of_3">
                                    <a href="<%=request.getContextPath() %>/goods/goodsDetail/${goods.id}">
                                        <div class="inner_content clearfix">
                                            <div class="product_image">
                                                <img src="<%=request.getContextPath() %>/resources/images/goodsImages/${goods.image}" style="border: 0px" alt=""/>
                                            </div>
                                            <div class="sale-box"><span class="on_sale title_shop">New</span></div>
                                            <div class="price">
                                                <div class="cart-left">
                                                    <p class="title">${goods.name}</p>
                                                    <div class="price1">
                                                        <span class="actual">RMB:${goods.price}</span>
                                                    </div>
                                                </div>
                                                <div class="cart-right"> </div>
                                                <div class="clear"></div>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                            </c:forEach>
                            <div class="clear"></div>
                        </div>

                    <h2 class="head">台式机</h2>

                        <div class="top-box">
                                <c:forEach items="${tsj}" var="goods">
                            <div class="col_1_of_3 span_1_of_3">
                                <a href="<%=request.getContextPath() %>/goods/goodsDetail/${goods.id}">
                                    <div class="inner_content clearfix">
                                        <div class="product_image">
                                            <img src="<%=request.getContextPath() %>/resources/images/goodsImages/${goods.image}" style="border: 0px" alt=""/>
                                        </div>
                                        <div class="sale-box"><span class="on_sale title_shop">New</span></div>
                                        <div class="price">
                                            <div class="cart-left">
                                                <p class="title">${goods.name}</p>
                                                <div class="price1">
                                                    <span class="actual">RMB:${goods.price}</span>
                                                </div>
                                            </div>
                                            <div class="cart-right"> </div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                </a>
                            </div>
                                </c:forEach>
                            <div class="clear"></div>
                        </div>


                    <h2 class="head">平板</h2>

                        <div class="top-box">
                                <c:forEach items="${pb}" var="goods">
                            <div class="col_1_of_3 span_1_of_3">
                                <a href="<%=request.getContextPath() %>/goods/goodsDetail/${goods.id}">
                                    <div class="inner_content clearfix">
                                        <div class="product_image">
                                            <img src="<%=request.getContextPath() %>/resources/images/goodsImages/${goods.image}" style="border: 0px" alt=""/>
                                        </div>
                                        <div class="sale-box"><span class="on_sale title_shop">New</span></div>
                                        <div class="price">
                                            <div class="cart-left">
                                                <p class="title">${goods.name}</p>
                                                <div class="price1">
                                                    <span class="actual">RMB:${goods.price}</span>
                                                </div>
                                            </div>
                                            <div class="cart-right"> </div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                </a>
                            </div></c:forEach>
                            <div class="clear"></div>
                        </div>


                </div>
                <div class="rsidebar span_1_of_left">			<!-- 右侧滚动 -->
                    <div class="top-border"> </div>
                    <div class="border">
                        <link href="<%=request.getContextPath() %>/resources/css/main/default.css" rel="stylesheet" type="text/css" media="all" />
                        <link href="<%=request.getContextPath() %>/resources/css/main/nivo-slider.css" rel="stylesheet" type="text/css" media="all" />
                        <script src="<%=request.getContextPath() %>/resources/js/jquery.nivo.slider.js"></script>
                        <script type="text/javascript">
                            $(window).load(function() {
                                $('#slider').nivoSlider();
                            });
                        </script>
                        <div class="slider-wrapper theme-default">
                            <div id="slider" class="nivoSlider">
                                <img src="<%=request.getContextPath() %>/resources/images/t-img1.jpg"  alt="" />
                                <img src="<%=request.getContextPath() %>/resources/images/t-img2.jpg"  alt="" />
                                <img src="<%=request.getContextPath() %>/resources/images/t-img3.jpg"  alt="" />

                            </div>
                        </div>

                    </div>
                    <div class="top-border"> </div>
                    <div class="sidebar-bottom">
                        <h2 class="m_1">Newsletters<br> Signup</h2>
                        <p class="m_text">Lorem ipsum dolor sit amet, consectetuer</p>
                        <div class="subscribe">
                            <form>
                                <input name="userName" type="text" class="textbox">
                                <input type="submit" value="Subscribe">
                            </form>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    </div>
    <%@include file="/jsp/public/corner.jsp"%>
    <div class="footPush"></div>
</div>
    <%@include file="/jsp/public/footer.jspf"%>

</body>
</html>
<%--<script type="text/javascript">--%>
    <%--$('#exampleModal').on('show.bs.modal', function (event) {--%>
        <%--var button = $(event.relatedTarget); // Button that triggered the modal--%>
        <%--var id = button.data('id'); // Extract info from data-* attributes--%>
        <%--var question=button.data('question');--%>
        <%--var answer=button.data('answer');--%>
        <%--var title=button.data('title');--%>
        <%--var url=button.data('url');--%>
        <%--var modal = $(this);--%>
        <%--modal.find('.modal-title').text(title);--%>
        <%--modal.find('#knowledgeId').val(id);--%>
        <%--modal.find('#question').val(question);--%>
        <%--modal.find('#answer').val(answer);--%>
        <%--modal.find('#form').attr("action", url)--%>
    <%--})--%>
<%--</script>--%>